*{
    margin: auto ;
    padding: 0;
    border: 0;
}
.block{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background-image: url(./picture/sincerely-media-_-hjiem5TqI-unsplash.png.png);
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-size: cover;
    background-position: center 0;
    overflow:hidden hidden;
    zoom: 1;
}
.picture_tunding{
    display: flex;
    margin-top: 50px;
    margin-bottom: 80px;

}

/* 大块 */
.principal{
    display: flex;
    flex-direction: row;
    width: 700px;
    height:450px;
    transform:translateY(-5%) ;
}

/* 左侧装饰 */
.embellish{
    display: flex;
    background-image: url(./picture/juxing.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 350px;
    height: 460px;
    border-radius: 5% 5% 5% 5%;
    transform: translate(14%,-4%);
}

/* 线圈 */
.coils{
    z-index: 10;
    width: 50px;
    display: flex;
    flex-direction: column;
    transform:translate(50%,-20%);

}
.coil{
    width: 35px;
    height: 10px;
    margin-top: 40px;
    background-size:100%;
    background-repeat: no-repeat;
    background-image: url(./picture/zhen.png);
}

/* 登录 */
.login{                                             /*用户登录大块  */
    display: flex;
    transform: translateY(-10%);
    width: 600px;
    height: 400px;
    flex-direction: column;
    border-radius: 5%;
    background-color: white;
}

.login_block{           
    text-align: center;                            /* 用户登录第一块 */
    display: flex;
    flex-direction: row;
    font-size: 20px;
}
.user_login{
    border-bottom:solid #4072b8  5px;
    padding: 10px;
    cursor: pointer;
}
.administrator_login{
    padding: 10px;
    cursor: pointer;
    border-bottom:solid white 5px;
}

.user_name{                                        /* 用户登录第二块 */
    display: flex;
    flex-direction: row;
    font-size: 17px;
    transform: translateX(10%);
}
.user_name1{
    padding: 10px;
    border-right: 3px solid #c8c7c8;
    color:#9f9fa0 ;
    margin-left: -16px;
}
.user_name2{
    background-color:transparent;
    margin-left: 30px;
    height: 50px;
    width: 200px;
    outline: none;
}
::-webkit-input-placeholder{   /* 输入框提示字的大小 */
    font-size: 15px;        
}
                                                   
.user_password{                                     /* 用户登录第三块 */
    display: flex;
    flex-direction: row;
    font-size: 17px;
    transform: translateX(10%);
}
.user_password1{
    padding: 10px;
    border-right: 3px solid #c8c7c8;
    color:#9f9fa0 ;
}
.user_password2{
    background-color:transparent;
    margin-left: 30px;
    height: 50px;
    width: 200px;
    outline: none;
}

.btn_login{                                         /* 用户登录第四块 */
    font-size: 20px;
    color: white;
    background-color: #4072b8;
    width: 320px;
    height: 40px;
    cursor: pointer;
}

.jump{                                              /*用户登录第五块 */
    display: flex;
    flex-direction: row;
    margin-left: 70%;
}
.forget_password{
    cursor: pointer;
    background-color:transparent;
    color: #a0a0a0;
}
.jump_enroll{
    cursor: pointer;
    background-color:transparent;
    color: #a0a0a0;
}


.login0{                                             /*管理员登录大块  */
    display: none;
    transform: translateY(-10%);
    width: 600px;
    height: 400px;
    flex-direction: column;
    border-radius: 5%;
    background-color: white;
}

.login_block0{           
    text-align: center;                            /* 管理员登录第一块 */
    display: flex;
    flex-direction: row;
    font-size: 20px;
}
.user_login0{
    padding: 10px;
    cursor: pointer;
    border-bottom:solid white 5px;
}
.administrator_login0{
    padding: 10px;
    cursor: pointer;
    border-bottom:solid #4072b8  5px;
}

.user_name0{                                        /* 管理员登录第二块 */
    display: flex;
    flex-direction: row;
    font-size: 17px;
    transform: translateX(10%);
}
.user_name10{
    padding: 10px;
    border-right: 3px solid #c8c7c8;
    color:#9f9fa0 ;
    margin-left: -16px;
}
.user_name20{
    background-color:transparent;
    margin-left: 30px;
    height: 50px;
    width: 200px;
    outline: none;
}
                                                   
.user_password0{                                     /* 管理员登录第三块 */
    display: flex;
    flex-direction: row;
    font-size: 17px;
    transform: translateX(10%);
}
.user_password10{
    padding: 10px;
    border-right: 3px solid #c8c7c8;
    color:#9f9fa0 ;
}
.user_password20{
    background-color:transparent;
    margin-left: 30px;
    height: 50px;
    width: 200px;
    outline: none;
}

.btn_login0{                                         /* 管理员登录第四块 */
    font-size: 20px;
    color: white;
    background-color: #4072b8;
    width: 320px;
    height: 40px;
    cursor: pointer;
    margin-bottom: 75px;
}


/* 注册 */
.enroll{                                             /*注册大块*/                                         
    display:none;
    flex-direction: column;
    border-radius: 5%;
    width: 600px;
    height: 400px;
    transform: translateY(-10%);
    background-color: white;
}

.enroll_block{ 
    padding: 10px;             
    text-align: center;                              /*注册第一块 */
    width: 300px;
    font-size: 25px;
    border-bottom:solid #4072b8 5px;
}

.user_namez{                                        /* 注册第二块 */
    display: flex;
    flex-direction: row;
    font-size: 17px;
    transform: translateX(3%);
}
.user_name1z{
    padding: 10px;
    border-right: 3px solid #c8c7c8;
    color:#9f9fa0 ;
    margin-left: -16px;
}
.user_name2z{
    background-color:transparent;
    margin-left: 30px;
    height: 50px;
    width: 200px;
    outline: none;
}

.email{              
    transform: translateX(30%);                        /*注册第三块 */
    display: flex;
    flex-direction: row;
    font-size: 17px;
}
.email_enroll{
    padding: 10px;
    border-right: 3px solid #c8c7c8;
    color:#9f9fa0 ;
    margin-left: -95px;
}
.email_write{
    background-color:transparent;
    margin-left: 30px;
    height: 50px;
    width: 200px;
    outline: none;
}

.user_password1z{                                     /* 注册第四块 */
    font-size: 20px;
    padding: 10px;
    border-right: 3px solid #c8c7c8;
    color:#9f9fa0 ;
    transform: translateX(30%);
}
.user_password2z{
    background-color:transparent;
    margin-left: 30px;
    height: 50px;
    width: 200px;
    transform: translateX(30%);
    outline: none;
}
.user_password2x{
    background-color:transparent;
    margin-left: 30px;
    height: 50px;
    width: 200px;
    transform: translateX(30%);
    outline: none;
}

.btn_enroll{                                         /* 注册第五块 */
    font-size: 20px;
    color: white;
    background-color: #4072b8;
    width: 320px;
    height: 40px;
    cursor: pointer;                                    
}
                           
.font{                                              /* 注册第六块 */
    color: #666666;
}

.jump_login{                                        /* 注册第七块 */
    margin-left: 80%;
    cursor: pointer;
    background-color:transparent;
    color:#a0a0a0 ;
    padding-bottom: 10px;
    outline: none;
} 